.inviteFriends{
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #F7655E;
}
.inviteFriends .scroll{
    overflow: auto;
    background: url("../img/inviteFriends/iconBg.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    width: 100%;
    height: calc(551*100vw/375);
}
.inviteFriends .scroll .btnList{    
    display: flex;
    position: absolute;
    width: 100%;
    height: 4rem;
    top: calc(215*100vw/375);
    left: 0;
}

.inviteFriends .scroll  .shareNum{
    position: absolute;
    top: calc(426*100vw/375);
    left: calc(89*100vw/375);
    font-size: 1.5rem;
    color: #FC5656;
}
.inviteFriends .scroll .btnListShare{
    display: flex;
    position: absolute;
    width: 100%;
    height: 6rem;
    top: calc(400*100vw/375);
    left: 0;
    font-size: 1.5rem;
    color: #FC5656;
    align-items: center;
    padding:0 2rem;
}
.inviteFriends .scroll  .shareNumAll{
    position: absolute;
    font-size: 1.5rem;
    color: #FC5656;
    top: calc(426*100vw/375);
    right: calc(89*100vw/375);
}
.inviteFriends .iconRule{
    width: 6.2rem;
    height: 2.7rem;
    position: absolute;
    top: 0.8rem;
    right: 0;
}

.inviteFriends .title{
    display: flex;
    justify-content: center;
    margin-top: calc(107*100vw/375);
    font-size: 1.3rem;
    color: #fff;
    line-height: 1.8rem;
}
.inviteFriends .number{
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0 0.3rem;
}
.inviteFriends .alert {
    display: flex;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.4);
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    color: #666;
}
.inviteFriends .alert .main{
    padding: 2rem 2rem 4rem 2rem;
    background: #fff;
    position: relative;
    margin: 0 calc(48*100vw/375);
    border-radius: 0.8rem;
}
.inviteFriends .alert .main .closeIcon{
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
}
.inviteFriends .alert .main .titleName{
    font-size: 1.6rem;
    color: #333;
    font-weight: bold;
    text-align: center;
}
.inviteFriends .alert .main .ruleText{
    padding-top: 1.4rem;
    line-height: 2rem;
}
.inviteFriends .alert .main .titleCode{
    font-size: 2.4rem;
    color: #F98845;
    font-weight: bold;
    padding-top: 2.5rem;
}
.inviteFriends .alert .main .codeImg{
    width: calc(250*100vw/375);
    height: calc(250*100vw/375);
    padding: 1.6rem 0;
}
.inviteFriends .shareMain{
    position: absolute;
    text-align: center;
    padding: 2rem 0 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius:10px 10px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.2rem;
    color: #999;
}
.inviteFriends .shareMain .shareTitle{
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}
.inviteFriends .shareMain .shareClose{
    font-size: 1.4rem;
    color: #666;
    padding: 1.5rem 0;  
    font-weight: bold;
}
.inviteFriends .shareList{
    display: flex;
    padding:3rem 0 1.5rem 0;
    border-bottom: 0.1rem solid #E6E6E6;
}
.inviteFriends .shareItem{  
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #999;
}
.inviteFriends .shareItem img{
    width: 2.6rem;
    height: 2.6rem;
    margin-bottom: 1.6rem;
}